
// 导入项目中的全局css 文件
import './assets/main.css';

// 模块化导入vue.js 和核心库文件. 解构出一个createApp 方法
import { createApp } from 'vue';
// 导入整个项目的单文件组件(根组件)
// 以.vue后缀 的文件都叫做单文件组件 SFC (singal function component)
// 一个单文件组件中包含当前组件的html.js .css
import App from './App.vue';

// 引入全局组件
import globalcom from './views/mycomponent/Globalcom.vue'
// 实例化根组件并绑定根节点
const app = createApp(App);

// console.log('app', app);
// 全局注册一个自定义指令
app.directive('font30', (el, binding, Vnode, preVnode) => {
    console.log(el);
    el.style.fontSize = binding.value + 'px'
})

app.directive('author', (el, binding, Vnode, preVnode) => {
    el.disabled = true
})

// 注册全局组件
// 语法: app.component('组件名', 组件实现)
app.component('Globalcom', globalcom)


app.mount('#app')
